.Demo {
  height: 100%;
  width: 100%;
  .swiper {
    position: relative;
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    &-container {
      position: relative;
      width: 800px;
      height: 100%;
    }
  }
  .item {
    position: absolute;
    width: 100%;
    background: #f0f;
    height: 250px;
    text-align: center;
    line-height: 250px;
  }
  .prev {
    position: absolute;
    left: 15px;
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -17px;
    border-left: 4px solid #000;
    border-top: 4px solid #000;
    transform: rotate(-45deg);
    cursor: pointer;
  }
  .next {
    position: absolute;
    right: 15px;
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -17px;
    border-right: 4px solid #000;
    border-top: 4px solid #000;
    transform: rotate(45deg);
    cursor: pointer;
  }
  .pagination {
    position: absolute;
    bottom: 10px;
    left: 10px;
    &-item {
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #c6dcf7;
      margin-right: 10px;
    }
    .active {
      background: transparent;
      border: 3px solid #bfd2fe;
    }
  }
}
